<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <li id="no-data-li" th:if="${#lists.isEmpty(dataMap['list'])}">
        <section class="no-data__wrap">
            <em>&nbsp;</em>
            <p>亲，暂无课程数据，小编正在整理中</p>
        </section>
    </li>
    <input type="hidden" id="totalPages" th:value="${dataMap['pages']}"/>
    <input type="hidden" id="currentPage" th:value="${dataMap['pageNum']}"/>
    <li class="item-content" th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="clazz : ${dataMap['list']}" th:attr="data-class=${clazz['id']}">
        <div class="item-media">
            <img class="wm-img list-block-userface" width="72" height="72" alt="" th:attr="data-src=${clazz['imageMap']['mobileUrlMap']['small']}" th:src="@{{path}/front/mobile/v3/img/default/error-pic.jpg(path=${staticPath})}">
        </div>
        <div class="item-inner">
            <div class="item-title pt5">
                <span class="wm-cm-title vam" th:text="${clazz['name']}"></span>
                <div class="wm-desc-txt__wrap mt5">
                    <span class="fs4 c-888" th:text="${clazz['summary']}"></span>
                </div>
                <div class="mt5">
                    <section>
                        <span>
                            <i class="iconfont icon-home-1 fs4 c-bbb"></i>
                            <span class="vam fs6 c-888" th:text="${clazz['studentCount']}"></span>
                        </span>
                        <span class="ml5">
                            <i class="icon iconfont icon-home-4 fs4 c-bbb"></i>
                            <span class="vam fs6 c-888" th:text="${clazz['topicCount']}"></span>
                        </span>
                    </section>
                </div>
            </div>
        </div>
        <div class="item-after">
            <span class="button button-round button-fill button-danger"> 查看 </span>
        </div>
    </li>
</html>